<div>
	<h2 data-translate="milkbeeApp.address.home.title">Addresses</h2>
	<jhi-alert></jhi-alert>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-4 no-padding-left">
				<button class="btn btn-primary" ui-sref="myaddress.new">
					<span class="glyphicon glyphicon-plus"></span> <span
						data-translate="milkbeeApp.address.home.createLabel">
						Create new Address </span>
				</button>
			</div>
		</div>
	</div>
	<br />
	<div class="table-responsive">
		<table class="jh-table table table-striped">
			<thead>
				<tr jh-sort="vm.predicate" ascending="vm.reverse"
					callback="vm.transition()">
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="address in vm.addresses track by address.id">
					<td>
						<dl class="dl-horizontal jh-entity-details">
							<dt>
								<span data-translate="milkbeeApp.address.detail"></span>
							</dt>
							<dd>
								<span>{{address.province}} {{address.city}}
									{{address.county}} {{address.detail}}
									<button type="submit"
										ui-sref="myaddress.delete({id:address.id})"
										class="btn btn-danger btn-sm">
										<span class="glyphicon glyphicon-remove-circle"></span> <span
											class="hidden-xs hidden-sm"
											data-translate="entity.action.delete"></span>
									</button>
								</span>
							</dd>
							<dt>
								<span data-translate="milkbeeApp.address.telephone">telephone</span>
							</dt>
							<dd>
								<span>{{address.telephone}}</span>
							</dd>
							<dt>
								<span data-translate="milkbeeApp.address.name">Parent</span>
							</dt>
							<dd>
								<span>{{address.name}}</span>
							</dd>
						</dl>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="text-center">
		<jhi-item-count page="vm.page" total="vm.queryCount"
			items-per-page="vm.itemsPerPage"></jhi-item-count>
		<uib-pagination class="pagination-sm" total-items="vm.totalItems"
			items-per-page="vm.itemsPerPage" ng-model="vm.page"
			ng-change="vm.transition()"></uib-pagination>
	</div>
</div>
